<template>
  <div class="tips">
    <el-dialog custom-class="errorTip" title="提示" :modal-append-to-body="false" :visible.sync="attitionObj.show" width="440px" top="25vh">
      <p>sorry，因库存不足目前
        <strong>5</strong>
        人只能发出
        <strong>3</strong>
        个礼包, 剩余
        <strong>2</strong>
        人请设置其他礼包
      </p>
      <div class="footer">
        <b class="button-w" @click="wait">我再选选</b>
        <b class="button-n">确定</b>
      </div>
    </el-dialog>
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  name: 'tips',
  data () {
    return {
      attitionObj: {
        show: true
      }
    }
  },
  methods: {
    wait () {
      this.attitionObj.show = false
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
@import '../../../assets/stylus/index.styl'
.tips
  .errorTip
    padding 40px
    p
      fontSize($fontSize-l, 30px, $fontColor)
      strong
        color $mainColor
    .footer
      margin-top 40px
      text-align center
</style>
